<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>注册</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="../css/font.css">
<link rel="stylesheet" href="../css/xadmin.css">
<script type="text/javascript" src="../lib/layui/layui.js"
	charset="utf-8"></script>
<script type="text/javascript" src="../js/xadmin.js"></script>
</head>
<body>
	<div align="center" style="color: red; font-size: 50px">会员注册</div>
	<div class="layui-fluid">
		<div class="layui-row">
			<form class="layui-form">
				<div class="layui-form-item">
					<label for="L_username" class="layui-form-label"> <span
						class="x-red">*</span>账号
					</label>
					<div class="layui-input-inline">
						<input type="text" id="L_username" name="userName" required=""
							lay-verify="nikename" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">
						<span class="x-red">*</span>将会成为您的登入名
					</div>
				</div>
				<div class="layui-form-item">
					<label for="L_pass" class="layui-form-label"> <span
						class="x-red">*</span>密码
					</label>
					<div class="layui-input-inline">
						<input type="password" id="L_pass" name="userPwd" required=""
							lay-verify="pass" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">6到16个字符</div>
				</div>
				<div class="layui-form-item">
					<label for="L_repass" class="layui-form-label"> <span
						class="x-red">*</span>确认密码
					</label>
					<div class="layui-input-inline">
						<input type="password" id="L_repass" name="reuserPwd" required=""
							lay-verify="repass" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">再次确认密码</div>
				</div>
				<div class="layui-form-item">
					<label for="L_usernickname" class="layui-form-label"> <span
						class="x-red">*</span>用户名
					</label>
					<div class="layui-input-inline">
						<input type="text" id="L_userNickname" name="userNickname"
							required="" autocomplete="off"
							class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">将会成为您的用户名</div>
				</div>
				<div class="layui-form-item">
					<label for="L_email" class="layui-form-label"> <span
						class="x-red">*</span>邮箱
					</label>
					<div class="layui-input-inline">
						<input type="text" id="L_email" name="userEmail" required=""
							lay-verify="email" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">将成为你默认绑定邮箱</div>
				</div>
				<div class="layui-form-item">
					<label for="L_phone" class="layui-form-label"> <span
						class="x-red">*</span>电话
					</label>
					<div class="layui-input-inline">
						<input type="text" id="L_phone" name="userPhone" required=""
							lay-verify="phone" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">将成为你默认绑定的电话号码</div>
				</div>
				<div class="layui-form-item">
					<label for="L_identity" class="layui-form-label"> <span
						class="x-red">*</span>身份证
					</label>
					<div class="layui-input-inline">
						<input type="text" id="L_identity" name="userIdentity" required=""
							lay-verify="identity" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">将成为提供实名认证的信息</div>
				</div>
				<div class="layui-form-item">
					<label for="L_repass" class="layui-form-label"></label>
					<button class="layui-btn" lay-filter="add" lay-submit="">注册</button>
				</div>
			</form>
		</div>
	</div>
	<script>
		layui.use([ 'form', 'layer', 'jquery' ], function() {
			$ = layui.jquery;
			var form = layui.form, layer = layui.layer;

			//自定义验证规则
			form.verify({
				nikename : function(value) {
					if (value.length < 5) {
						return '昵称至少5个字符！';
					}
					if (value.length > 12) {
						return '昵称最多12个字符！';
					}
				},
				pass : [ /(.+){6,12}$/, '密码必须6到12位！' ],
				repass : function(value) {
					if ($('#L_pass').val() != $('#L_repass').val()) {
						return '两次密码不一致！';
					}
				}
			});

			//监听提交
			form.on('submit(add)', function(data) {
				$.ajax({
					type : "POST",
					url : "/user/addUser",
					data : data.field,
					success : function(result) {
						if (result > 0) {
							layer.alert("注册成功", {
								icon : 6
							}, function() {
								location.href = 'login.html'
							});
						} else {
							layer.alert("注册失败！账号已存在！", {
								icon : 5
							});
						}
					}
				});
				return false;
			});
		})
	</script>
</body>

</html>